import React, { Component } from 'react'
import { Switch } from 'antd-mobile';
// import { createForm } from 'rc-form';
import { MapConsumer } from '../../../context/Mapcontext'

export default class More extends Component {
    // constructor(){
    //     super();
    //     this.state={
    //         showMap:true 
    //     }
    // }
    // handleChange(){
    //     console.log('changeMap');
    //     this.setState((preState)=>{
    //         return {
    //             showMap:!preState.showMap
    //         }
    //     })
    // }
    render() {
        return (
            <div>
                <MapConsumer>
                {
                    ({ showMap, changeMap }) => {
                        return (
                        <Switch
                            checked={showMap}
                            onChange={() => {
                                changeMap();
                            }}
                        ></Switch>
                        )
                    }
                }
                </MapConsumer>

            </div>
        )
    }
}
